

<template>
  <div id="app">

    <MainWin  v-if="storeWin.CurrWindow==WindowsType.Main"> </MainWin>
    <MessageWin v-if="storeWin.CurrWindow==WindowsType.Message"></MessageWin>
    <QuickToolsWin v-if="storeWin.CurrWindow==WindowsType.QuickTools"></QuickToolsWin>
  </div>
</template>


<script setup lang="ts">
import {onMounted, ref} from "vue"
import MainWin from "./windows/MainWin.vue";
import MessageWin from "./windows/MessageWin.vue";
import {useWindowsStore, WindowsType} from "./store/windows";
import QuickToolsWin from "./windows/QuickToolsWin.vue";
import RegisterEvent from "./events/register";
import {SetLangType} from "./constant/lang/LangFunc";
import {LangTypeCn} from "./constant/enums/lang_type";
import {useIndexStore} from "./store";
import {useGlobalStore} from "./store/global";

let storeWin=ref(useWindowsStore())
let storeIndex=ref(useIndexStore())
let storeGlobal=ref(useGlobalStore())


onMounted(()=>{
    SetLangType(LangTypeCn)
    RegisterEvent()  //注册事件

})







</script>

<style>
.main {
  height: 100vh;
  /* 设置最大高度为视口高度 */
  margin: 0;
  /* 取消默认边距 */
  padding: 0;
  /* 取消默认内边距 */
  overflow-y: auto;
  /* 禁止垂直滚动条 */
}

.nav-link-active {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: orange;
}


/* 定义滚动条的宽度和颜色 */
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f5f5f5;
}
/* 定义滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
  background-color: #d9c7ab;
  border-radius: 4px;
}


/* 定义滚动条轨道的样式 */
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 4px; /* 滚动条轨道圆角 */
}


/* 当滚动条被悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
</style>